<!-- MenuItem.vue -->
<template>
  <el-menu-item :index="item.path" :key="item.path">
    <el-icon>
      <component :is="item.icon" />
    </el-icon>
    {{ item.name }}
  </el-menu-item>


</template>

<script>
export default {
  name: 'MenuItem',
  props: {
    item: {
      type: Object,
      required: true,
      default: () => ({})
    }
  }
}
</script>
